/*
  学习目标：受控组件 - hooks版
  1. state控制value或checked属性
  2. onChange配合setState修改状态

*/
import React from 'react';
import { useState } from 'react';

export default function App() {
  // 1. useState声明状态
  const [value, setValue] = useState('');

  return (
    <div>
      <input
        // 2. 控制value和onChange属性即可
        value={value}
        onChange={(e) => setValue(e.target.value)}
        type="text"
      />
    </div>
  );
}
